	    <script type="text/javascript" src="http://www.google.com/jsapi"></script>
		<script type="text/javascript"> 
			// Load google visualization API
			google.load('visualization', '1', {packages: ['table','linechart','annotatedtimeline']});
			// On load call draw function
			google.setOnLoadCallback(drawVisualization);
			 
			function drawVisualization() {
				var visualization, visualization2, chart;
				// Top regions table
				var data = new google.visualization.DataTable();
				data.addColumn('string', '{{ table1Text }}');
				{{ regions_trend_Text }}
				
				// Realted trends table
				var data2 = new google.visualization.DataTable();
				data2.addColumn('string', 'Relatd Trends');
				{{ related_trend_Text }}
				
				// Stock/ETF performance graph
				var dataGraph = new google.visualization.DataTable();
				{{ graph_text }}

				{% if showData %}
				visualization = new google.visualization.Table(document.getElementById('regions_table'));
				visualization.draw(data, {'allowHtml':true,'width':125,'page':'enable'});  
				visualization2 = new google.visualization.Table(document.getElementById('related_table'));
				visualization2.draw(data2, {'allowHtml':true,'width':125,'page':'enable'});
				{% endif %}  
				chart = new google.visualization.AnnotatedTimeLine(document.getElementById('chart_div'));
		        chart.draw(dataGraph, {displayAnnotations: true, annotationsWidth: 15, displayAnnotations: true, allowHtml: true {% if not showStock %} , legendPosition: 'newRow' {% endif %}});
			}

		</script>	